.word-pay{
  .open-box-btn{
    display:flex;
    align-items:center;
    height:70px;
    font-size: 16px;
    .open-title{
      width: 90px;
    }
    .open-btn{
      padding: 12px 20px;
      font-size: 14px;
      color: $color-red-pay;
      border: 1px solid $color-background-hover-red1;
      cursor: pointer;
    }
  }
  // 描述信息
  .red-desc{
    display: flex;
    align-items: center;
    height: 50px;
    font-size: 16px;
    .desc-title{
      color: #999;
    }
    .desc-value{
      color: #333;
      padding-right: 20px;
      border-right: 1px solid #ddd;
      margin-right: 20px;
      &:last-child{
        border-right: none;
      }
    }
  }
  // 弹框
  .redpacket-box{
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.5);
    z-index: 99;
    .redpacket-content{
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      width: 600px;
      height: 500px;
      font-size: 18px;
      color: #333;
      border-radius: 10px;
      background:$color-white;
      overflow: hidden;
      .redpacket-head{
        width: 100%;
        height: 90px;
        font-size: 30px;
        color: $color-white;
        letter-spacing: 2px;
        text-align: center;
        line-height: 90px;
        background: $color-red-pay;
        border-bottom-right-radius: 50% 25px;
        border-bottom-left-radius: 50% 25px;
        .svg-icon-close{
          position: absolute;
          top: 30px;
          right: 24px;
          font-size: 20px;
          cursor: pointer;
          transition: all .5s;
          &:hover{
            transform: rotate(90deg);
          }
        }
      }
      .word-pay-item{
        position: relative;
        display:flex;
        align-items:center;
        height:70px;
        font-size: 14px;
        color: #606266;
        .word-pay-title{
          flex:0 0 120px;
          margin-left: 100px;
          font-size:16px;
          color: #333;
        }
        .el-input{
          width:280px;
        }
        .input_likenum{
          width: 50px;
          margin-right: 3px;
        }
        .tip {
          position: absolute;
          bottom: -3px;
          left: 220px;
          font-size: 12px;
          color: red;
        }
      }
      .btn-container{
        margin-top: 40px;
        text-align: center;
        .el-button{
          width: 110px;
          height: 40px;
          color: $color-333 !important;
          background: #eeeeee;
          border-color: transparent !important;
          border-radius: 20px;
          transition: all .5s;
          &:hover{
            color: $color-white !important;
            background: $color-red-pay;
          }
        }
      }
    }
  }
}